@charset "utf-8";
/* CSS Document */

table.dataEntry tr.hover span.hoverButton {display:block;}	
table.dataEntry span.hoverButton {background: url(/ocie/images/ocie-hoverButton.gif) right top no-repeat; height:25px; display:none;}
table.dataEntry span.hoverButton img {margin: 4px 7px 0px 0px;}



.input_noShow{display:none;}
span.input_noShow input{margin-left:15px;}
input[type="checkbox"] {margin-right:3px;}
.clearCols{clear:both; width:100%;}
.mainContent{padding-top:0px;}
#loadingMessage{position:absolute; width:300px; height:32px; border:1px solid #CCC; background-color:#FFFFFF; line-height:210%; display:block; margin:125px 0px 0px 300px; vertical-align:middle; font-size:1.2em; font-weight:bold; padding:6px;}
#loadingMessage img{float:left; padding-right:8px;}

/*MESSAGES*/
.generalErrorMessage { margin:10px 0px 0px; display:none; }
.waitMessage { margin:10px 0px; display:none;}
fieldset.adminTwoCol span.waitMessage, fieldset.adminTwoCol span.generalErrorMessage, table.adminSidebarTable span.waitMessage, table.adminSidebarTable span.generalErrorMessage {margin:10px 0px; float:right;}
.loginGeneralErrorMessage{ display: block; float: left;	position: relative;	background-color: #F3E4AB; color: #FF0000; padding: 4px 6px; margin: 0px 10px; border: 1px solid #cc9900; }
.loginGeneralErrorMessage img{ margin:0 3px -3px 0 !important; padding: 0px; border: none; width: 16px; height: 16px; float: none; }
.loginWaitMessage{ display: block; float: left;	position: relative;	background-color: #c9dde4; color: #000000; padding: 4px 6px; margin: 0px 10px; border: 1px solid #499599; }
.loginWaitMessage img{ margin:0 3px -3px 0 !important; padding: 0px; border: none; width: 16px;	height: 16px; float: none; }


/* Cascading Form Errors */
.errorMessage {display:none;} /*Until highlighError span is applied, error message should not be displayed*/
.highlightError {display:block; background-color:none; color:#;} /*Block out error, use yellow text for readability against dark bg.  Don't use color block.*/
span.highlightError input, span.highlightError select, span.highlightError span.attendantTableContainer table {border:1px solid #FF0000;} /*Highlight fields in red*/
span.highlightError span.formElementError {*border:1px solid #FF0000;} /*KLUDGE - IE does not allow selects to have border colors applied, so we'll write around it, literally. :P */
/*span.highlightError span.attendantTableContainer input, span.highlightError span.attendantTableContainer select {border:1px solid #999999;} /*Field outlines in table should not change*/
span.highlightError .errorMessage {display:inline; color:#F3E4AB; font-weight:bold;} /*Display error message - original formatting in default stylesheets*/


/*SIDEBAR BASIC STRUCTURE*/
.toolbar {
	float:right;
	display:block;
	z-index:90;
	width:37px;
	background:url(/ocie/images/toolbarRepeat.gif) repeat-y left;
	height:870px;
	margin-top:2px;
	padding-top:3px;
	*margin-right:5px; /*IE7*/
	_margin-right:2px; /*IE6*/
	color:#FFFFFF; 
	font-size:8px; 
	text-transform:uppercase;
	

}
div.toolbar span.buttonRoll, div.toolbar a.buttonRoll{display:block;background:url(/ocie/images/icons/toolbarButton.gif) no-repeat top left; width:30px;height:29px;padding:7px 0px 0px 9px;}
div.toolbar span.buttonRoll:hover, div.toolbar span.buttonHover, div.toolbar a.buttonRoll:hover, div.toolbar a.buttonHover {display:block;background:url(/ocie/images/icons/toolbarButtonHover.gif) no-repeat top left;}
div.toolbar span.buttonSelected, div.toolbar a.buttonSelected {display:block;background:url(/ocie/images/icons/toolbarButtonSelected.gif) no-repeat top left; width:30px;height:29px;padding:7px 0px 0px 9px;}




.sidebar {
	position:absolute;
	float:right;
	z-index:100;
	width:300px; *width:305px; _width:320px;
	margin-left:619px; *margin-left:618px; _margin-left:603px; /* Regular rule, *IE7, _IE6 */
	margin-top: 103px; *margin-top: 118px; _margin-top: 109px; /* Regular rule, *IE7, _IE6 */
}
.sidebar h4{color:#B1C6CB; font-size:1.2em; font-weight:bold; line-height:130%; border-bottom: 1px solid #7EA0A9; margin: 0px 0px 5px 10px; }
.sidebar a:link, .contentContainer a:link		{color: #FFFFFF; text-decoration:none; font-weight:normal;}
.sidebar a:visited, .contentContainer a:visited	{color: #FFFFFF; text-decoration:none;font-weight:normal;}
.sidebar a:hover, .contentContainer a:hover	 	{color: #CCE299; text-decoration:underline;font-weight:normal;}

.sidebarCaption {
	padding:10px;
	height:19px;
	display: block;
	color:#000000;
	vertical-align:middle;
	text-align:left;
	background-color: #3D6B77;
}
.sidebarCaption a, .sidebarCaption span.linkBack {font-size:.95em; float:left; padding: 8px 0px; color:#000000 !important; cursor:pointer;}
.sidebarCaption a:hover, .sidebarCaption span.linkBack:hover, .sidebarCaption span.linkBackHighlight  {text-decoration:underline;}
.sidebarHead{font-size:1.5em; float:left; padding-top:4px; color:#7EA0A9; text-transform:uppercase;	font-weight:bold;}
.sidebarContent{background:#3D6B77; color:#9FBDC8; font-size:100%;text-align:left;padding-top:5px; padding-right:2px;}
div.sidebarContent h6 {color:#9FBDC8; display:block; clear:left; width:100%; font-size:.8em;}
.contentContainer {display:block; padding: 0px 0px 25px 10px;}
/*In case table is used, remove borders and background colors*/
.sidebar table {width:100%; background:none; border:hidden;}
.sidebar table caption {font-size: 1.4em; font-weight:bold;}
.sidebar th, .sidebar td  {background: none; background-color:none; border: hidden;}

/*Search Box Div*/
div.searchBox {width: 220px; *width:230px; background:#FFFFFF; border: 1px solid #666666; display:block; margin: 4px 0px 0px 10px; _margin-left:5px; float:left; font-size:.85em; *font-size:.9em; }
div.searchBox #searchTerm {float: left; padding:1px; margin: 2px 0px 1px 4px; *margin-left:0px; *padding-left:0px; border:0px; width: 210px; background-color:none;}


/*SEARCH RESULTS Styles*/
span.searchResult p 	{margin:0px; padding-bottom:15px;}
div.tasksBox span.searchResult p {margin:0px; padding:0px 0px 1px;}
span.searchResult h5 	{color:#FFFFFF; font-size:1.1em; line-height:140%;border-bottom: 0px; margin-bottom: 0px;}
span.searchResult .lastNames {font-size:10px; text-transform:uppercase;}

/* TASKS SIDEBAR SPECIFIC STYLING*/
div.tasksBox {float:right; display:block; width:263px; background-color: #3D6B77;}
div.tasksBox div.sidebarContent {height:296px;}

div.tasksBox span.button, div.tasksBox a.button {
	font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
	background-image:none; 
	border: 0px; 
	margin:0px; 
	font-weight:bold; 
	padding-left:0px; 
	color: #B8DA6D !important; 
	float:none;
	text-decoration:none;
	}
div.tasksBox span.button img, div.tasksBox a.button img {height: 22px; width: 22px; margin-right: 1px !important;}
div.tasksBox span.button:hover, div.tasksBox a.button:hover {color:#FFFFFF !important;}
div.tasksBox span.button:active, div.tasksBox a.button:active {background:none;}
div.tasksBox div.sidebarContent span.contentContainer p {margin:0px; padding:0px 0px 1px;}
div.tasksBox span.contentContainer {
	display:block; 
	height: 90px; _height:92px;
	overflow:auto; 	
	margin:0px 0px 30px 10px;
	padding:0px;
	scrollbar-base-color: #d5e2fc;
	scrollbar-track-color: #cccccc;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #E1E1E1;
	scrollbar-darkshadow-color: #555555;
	scrollbar-shadow-color: #7777777;
	scrollbar-arrow-color: #2f3e52; 
	}
	
/*TODAY'S APPOINTMENTS SIDEBAR SPECIFIC STYLING*/	
div.todaysAppointments {float:right; display:block; width:263px; background-color: #3D6B77;}
div.todaysAppointments div.sidebarContent {height:488px; _height:475px; }	
div.todaysAppointments p {margin:0px; padding-bottom:15px;}
div.todaysAppointments h4{color:#B1C6CB; font-size:1.1em; line-height:140%;border-bottom: 0px; margin-bottom: 0px;}

div.todaysAppointments span.contentContainer{
	height: 459px;  _height:444px; /* Regular rule, *IE7, _IE6 */
	display:block;  
	overflow:auto; 	
	margin:0px;
	scrollbar-base-color: #d5e2fc;
	scrollbar-track-color: #cccccc;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #E1E1E1;
	scrollbar-darkshadow-color: #555555;
	scrollbar-shadow-color: #7777777;
	scrollbar-arrow-color: #2f3e52;
	}
	
/*FULL COLUMN SIDEBAR SPECIFIC STYLES*/
div.fullColumnSidebar {float:right; display:block; width:263px; background-color: #3D6B77;}
div.fullColumnSidebar div.sidebarContent {height:827px; _height:822px;   } 
div.fullColumnSidebar h4 {color:#B1C6CB; margin: 10px 0px 5px 10px; _width:95%;}
div.fullColumnSidebar h6 {margin-left:10px; width:200px;}
div.fullColumnSidebar label {display:block; padding-top:10px; color:#E1E1E1;}
div.fullColumnSidebar span.button, div.fullColumnSidebar a.button {text-decoration:none; font-weight:normal;}
div.fullColumnSidebar span.button:hover, div.fullColumnSidebar a.button:hover {text-decoration:none; font-weight:normal;} 
/*button sets*/
div.fullColumnSidebar a#button_save, div.fullColumnSidebar a#button_save_add{margin-left:0px; margin-top:10px; font-weight:normal;}
div.fullColumnSidebar a#button_reschedule {padding:3px 7px;font-weight:normal;}
div.fullColumnSidebar a#button_delete {margin-left:0px; font-weight:normal;} 
p.separator {clear:both; border-bottom:1px solid #999999; height:10px; margin: 10px 0px;} /*KLUDGE*/


div.fullColumnSidebar a#button_save_draft_add, div.fullColumnSidebar a#button_save_draft, div.fullColumnSidebar a#button_cancel, div.fullColumnSidebar a#button_reschedule { 	
	margin-left:3px;
	margin-top:10px;
	font-weight:normal;}
div.fullColumnSidebar span.contentContainer {
	height: 795px; _height:770px;  /* Regular rule, *IE7, _IE6 */
	_width:98%;
	display:block;  
	overflow: auto;
	margin:0px;
	scrollbar-base-color: #d5e2fc;
	scrollbar-track-color: #cccccc;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #E1E1E1;
	scrollbar-darkshadow-color: #555555;
	scrollbar-shadow-color: #7777777;
	scrollbar-arrow-color: #2f3e52;
	}
div.fullColumnSidebar span.contentContainer h6 {margin-left:0px;}
div#protoSearchResults span.contentContainer {height:700px; _height:680px;} /*Redefine heights for Search Results Pane ONLY */
div#protoRestore span.contentContainer {height:750px; _height:730px;} /*Redefine heights for Search Results Pane ONLY */


span.attendantTableContainer {display: block; overflow:auto; max-height:175px; *max-height:165px; _height:130px; margin-top:5px; margin-bottom:5px; width:241px;}
div.fullColumnSidebar table.dataEntry {width:224px;	margin-bottom:10px; color:#000000; font-size:9px; background-color:#E1E1E1; border:1px solid #335A64;}
div.fullColumnSidebar table.dataEntry caption {color:#E1E1E1;font-size:12px; text-transform:none;background:#3D6B77;}
div.fullColumnSidebar table.dataEntry th {padding: 3px; border:none;color:#000000; border-right:inherit;background:#CCCCCC;}
div.fullColumnSidebar table.dataEntry td {padding: 5px 2px; border-left:none; border-bottom:1px inset #FFFFFF; border-right:inherit; }
div.fullColumnSidebar table.dataEntry .altRow {background:#CCCCCC;}
div.fullColumnSidebar table.dataEntry input {font-size: 9px; width:38px; font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}
div.fullColumnSidebar table.dataEntry select {font-size: 9px; padding:0px;width:45px; font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;}



/*WEEKLY SCHEDULE STYLING*/
#weeklyScheduleBox {position:relative; float:left; width:930px;}
table#ocieSchedule { width:930px; border:2px double #AEAEAE; border-collapse:collapse; margin-bottom:10px;}
table#ocieSchedule a:link, table#ocieSchedule td a:link {color:#000000; text-decoration:none;}
table#ocieSchedule a:hover, table#ocieSchedule td a:hover {
	color:#244B53;
	text-decoration:underline;
}
table#ocieSchedule td{font-size: .95em;	padding:0px; height:23px; *height:15px;} /*KLUDGE IE hack to maintain grid on internal schedule*/
div#publicScheduleBox table#ocieSchedule td{height:23px; *height:23px;} /*KLUDGE IE hack to maintain grid on public schedule*/
table#ocieSchedule th{text-align:left;}
table#ocieSchedule thead th:first-child, table#ocieSchedule thead th.timeHeadBG {  /*Set first header background as white - not set by column definition*/
	background:#FFFFFF url(/ocie/images/timeRepeat-blue.png) right repeat-y;
	border:0px;
	vertical-align:bottom;
	font-size: 0.9em;
	padding: 3px 5px;
	color:#000000;
}

table#ocieSchedule tr td:first-child, table#ocieSchedule tr td.hourBG{ /*Set base style for time display, ensure that white background is retained even if row color is redefined.*/
	
	color:#375965;
	padding: 4px 5px;
	background:#FFFFFF url(/ocie/images/timeRepeat-blue.png) right repeat-y;
	border: 0px;
}

table#ocieSchedule tr td.highlightHour {  /*Set style to highlight each hour - selects on first cell of first row of each tbody element */
	font-weight:bold;
	font-size:1em;
	color:#000000;
	background:#EDF7CE url(/ocie/images/timeRepeat-green.png) right repeat-y;
}
table#ocieSchedule span.time {position:absolute; float:left;}

/*APPOINTMENT EVENT AND EXTENDED HOURS STYLING*/
span.appointmentEvent, a.appointmentEvent{
	cursor:pointer;
	display:block;
	position:absolute;
	float:left;
	z-index:80;
	clear:both;
	height: 19px;
	width: 110px; *width: 111px;
	overflow:hidden;	
	padding: 1px 4px;
	border: 0px;
	_color:#000000;
	_text-decoration:underline;
}

span.appointmentPublicEvent, a.appointmentPublicEvent{
	display:block;
	position:absolute;
	float:left;
	z-index:10;
	clear:both;
	height: 19px;
	width: 109px; *width: 111px;
	overflow:hidden;	
	padding: 1px 4px;
	border: 0px;
}

span.extHoursMark, a.extHoursMark{
	display:block;
	position:absolute;
	z-index:10;
	height: 10px;
	width: 10px;	
	margin-left:103px;
	margin-top:-3px; 
	cursor:pointer;
}


/*OCIE Schedule Column Definitions*/
col#osTimeCol	{background-color:#FFFFFF; width:5%;}
col#osDay1Col	{width:13%;}
col#osDay2Col	{width:13%;}
col#osDay3Col	{width:13%;}
col#osDay4Col	{width:13%;}
col#osDay5Col	{width:13%;}
col#osDay6Col	{width:13%;}
col#osDay7Col	{width:13%;}
col#osTaskTabCol	{width:4%;}
col#osDay6altCol 	{width:8%;}
col#osDay7altCol 	{width:8%;}
col#osTodayCol	{width:13%; background-color:#EDE9BA;}



/*Appointment Table*/
col#apptLabelCol	{width: 40%;}
col#apptFieldCol	{width: 60%;}

/* Report List ColGroup format
----------------------------------------------------------------------------------- */

col#rReportCol	 		{width: 25px;}
col#rTitleCol	 		{width: 250px;}
col#rFromCol			{width: 300px;}
col#rShowCol 			{width: 290px;}





/*LEGEND CSS*/
.legendColorBox {display: block; float:left; position:relative; width:10px; height:10px; margin: 1px 3px 20px 0px; border: thin solid #CCCCCC;}
.legendKey {
	font-size:0.8em;
	color:#555555;
	display: block;
	float:left;
	position:relative;
	margin-right: 14px;
}

/*PUBLIC PAGE STYLES*/
.publicSidebar {display:block; border: thin solid #CCCCCC; padding: 8px 10px; color:#1F6372 !important; width:243px; float:right; }
span.publicSidebar h3 {font-size: 1.3em; color:#1F6372;}
span.publicSidebar p {font-size: 1.2em;}
span.publicSidebar a:link {color:#1E1F49; font-size:.9em; text-decoration:none;}
span.publicSidebar a:hover {color:#316293;font-size:.9em; text-decoration:none;}
span.publicSidebar a:visited {color:#1E1F49;font-size:.9em; text-decoration:none;}

.publicLegend {display:block;  border: thin solid #CCCCCC; border-top: none; padding: 0px 10px;  width:243px; float:right;}
span.publicLegend .legendColorBox {border: thin solid #CCCCCC; width:12px; height:12px; margin: 1px 5px 0px 20px;}
span.publicLegend .legendKey {font-size:.9em;}
span.publicLegend h5 {font-size:1em; font-weight:bold; margin:0px; padding:0px; color:#1F6372;}
span.publicLegend br {clear:both; width:100%; margin-bottom:7px;}


/*OCIE Schedule Column Definitions*/
col#psTimeCol	{background-color:#FFFFFF; width:5%;}
col#psDay1Col	{width:19%;}
col#psDay2Col	{width:19%;}
col#psDay3Col	{width:19%;}
col#psDay4Col	{width:19%;}
col#psDay5Col	{width:19%;}
col#psDay6Col	{width:19%;}
col#psTodayCol	{width:19%; background-color:#EDE9BA;}

#publicScheduleBox {position:relative; float:left; display:block; width:650px;}
div#publicScheduleBox table#ocieSchedule {width:650px; border:2px double #CCCCCC; border-collapse:collapse; margin-bottom:10px;}


/*APPOINTMENT COLORS*/
.inProcess		{background-color:#B4CBC7;}
.outProcess		{background-color:#EBD88B;}
.exchange		{background-color:#E0C189;}
.batchIssue		{background-color:#C2C1DD;}
.batchTurnIn	{background-color:#DDC1CC;}
.noShow			{background-color:#A95C5C; color:#FFFFFF;}
.unkAppointment	{background-color:#BACA9F;}
.publicBusy		{background-color:#A6C9D5;}
tbody.noAppointments, tr.noAppointments, td.noAppointments {background: url(/ocie/images/notAvailable-dark.gif) repeat;}
span.noAppointments {background: url(/ocie/images/notAvailable-dark.gif) center repeat;}
.pastAppointment{opacity:0.6; filter: alpha(opacity=60);}
